import React from 'react'
import { Routes, Route, Navigate } from 'react-router-dom'
import { LoginDialog } from '../components/auth/LoginDialog'

export function AuthPages() {
  return (
    <div className="min-h-screen bg-gray-50 flex items-center justify-center">
      <Routes>
        <Route path="login" element={<LoginDialog isOpen={true} onClose={() => {}} defaultMode="login" />} />
        <Route path="register" element={<LoginDialog isOpen={true} onClose={() => {}} defaultMode="signup" />} />
        <Route path="reset-password" element={<div>Password Reset Page</div>} />
        <Route path="*" element={<Navigate to="/auth/login" replace />} />
      </Routes>
    </div>
  )
}